<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>登录</title>
	<script src="../jquery/jquery-3.6.0.js"></script>
</head>
<style>
	body {
		font-family: Arial, sans-serif;
		background-image: url("img/1.png"); /* 将 'your_image_url.jpg' 替换为你实际的背景图片路径或URL */
		background-size: cover;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
	}
	.container {
		max-width: 400px;
		margin: 150px auto;
		background-color: rgba(255, 255, 255, 0.8); /* 设置半透明背景，以便文字更清晰 */
		padding: 20px;
		border-radius: 5px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	}
	h2 {
		text-align: center;
		color: #333;
	}
	form {
		margin-top: 20px;
	}
	label {
		display: block;
		margin-bottom: 5px;
		color: #555;
	}
	input {
		width: 100%;
		padding: 10px;
		margin-bottom: 15px;
		border: 1px solid #ccc;
		border-radius: 3px;
	}
	button {
		width: 100%;
		padding: 10px;
		background-color: #4CAF50;
		color: #fff;
		border: none;
		border-radius: 3px;
		cursor: pointer;
		margin-bottom: 10px;
	}
	button:hover {
		background-color: #45a049;
	}
</style>
<body>
<div class="container">
	<h2>酒店管理系统</h2>
	<!-- 登录表单 -->
	<form id="loginForm">
		<label>用户名:</label>
		<input type="text" id="username" placeholder="请输入用户名">
		<label>密码:</label>
		<input type="password" id="password" placeholder="请输入密码">
<!--		<button type="button" id="sumbit_yonghu">用户登录</button><br>-->
		<button type="button" id="sumbit_guanliyuan">管理员登录</button>
	</form>
</div>
</body>
<script>
	// $("#sumbit_yonghu").click(function () {  // 鼠标单击事件
	// 	let username = $("#username").val();
	// 	let password = $("#password").val();
	//
	// 	$.ajax({
	// 		url:"/user/login",           // 请求路径
	// 		type:"post",                  // 请求的方式，不区分大小写
	// 		cache:false,                  // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
	// 		contentType:"application/json;charset=utf-8",
	// 		data: JSON.stringify({
	// 			username:username,
	// 			userpass:password
	// 		}),
	// 		datatype:"json",        // 返回类型，text文本、html页面、json数据
	// 		success:function(response){
	// 			if(response.data ===null){
	// 				alert("登陆失败")
	// 			}else {
	// 				alert("登录成功,普通用户!");
	// 				sessionStorage.setItem("admin",response.data.admin);
	// 				window.location.href ="../html/index.html";
	// 			}
	// 		},
	// 		error:function(response){
	// 			console.log("出错返回: " + response);
	// 		}
	// 	});
	// });
	$("#sumbit_guanliyuan").click(function () {  // 鼠标单击事件
		let username = $("#username").val();
		let password = $("#password").val();

		$.ajax({
			url:"/user/login_gly",           // 请求路径
			type:"post",                  // 请求的方式，不区分大小写
			cache:false,                  // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
			contentType:"application/json;charset=utf-8",
			data: JSON.stringify({
				username:username,
				userpass:password
			}),
			datatype:"json",        // 返回类型，text文本、html页面、json数据
			success:function(response){
				if(response.data ===null){
					alert("登陆失败")
				}else {
					alert("登录成功,管理用户!");
					sessionStorage.setItem("admin",response.data.admin);
					sessionStorage.setItem("name",response.data.realname);
					window.location.href ="../html/index.html";
				}
			},
			error:function(response){
				console.log("出错返回: " + response);
			}
		});
	});
</script>
</html>